<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title></title>
		<script src = "https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<script src = "https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script>
		
		<style>
			#left{
				float: left;  
			}
			#bottom{
				clear: both;  
			background:url(img/3.jpg);  
			background-size:100% 100%;  
			height: 200px;  
			height: 600px;  
		}
		input{
			border: 1px solid;  
			font-size: 20px;  
			background-color:rgba(255, 255, 255, 0); 
			
		}
		#jiange{
			background-color:rgba(255, 255, 255, 0); 
			height: 80px; 
		}
		#tianxie{
			background-color:rgba(255, 255, 255, 0.3); 
			height: 360px; 
			margin-left: 500px; 
			width: 500px; 
			padding:200px auto; 
		}
		button{
			height: 20px; 
			width: 30px; 
		}
		ul{
			list-style:none; 
			padding-top: 20px; 
			
		}
		ul.mainmenu li{
			float:left; 
			font-size: 20px; 
			text-align: center; 
			margin-left: 125px; 
			clear: all; 
		}
		.zhuce{
			color: white; 
		}
		#canshu{
			clear: both; 
			margin-top: 45px; 
			margin-left: 100px; 
		}
		a{
			text-decoration: none; 
		}
		#ziti{
			font-size: 20px; 
			clear: both; 
		}
		#button{
			height: 40px; 
			width: 200px; 
			background-color: #42B642; 
			border: none; 
			margin-left: 60px; 
			
		}
		</style>
		
	</head>
	<body >
		<form method = "post" action = "register_student.php">
		<div id = "top" >
			<img style = "margin-left: 30px; " id = "left" src = "img/1.png" >
			<p style = "color:#8399F6 ; padding-left: 40%; font-size:40px; ">学习统计云平台</p>
		</div>
		<div id = "bottom" >
			<div id = "jiange"></div>
			<div id = "tianxie">
					<ul class = "mainmenu">
							<li class = "denglu" >
								<a href = "登录_student.html">
									<span>登录</span>
								</a>
							</li>
							<li class = "zhuce">
								<a href = "#">
									<span>注册</span>
								</a>
							</li>
					</ul>
					<div id = "canshu">
						<span id = "ziti">用户名:<input type = "text" name = "username" value = ""></span>
						<br><br>
						<span id = "ziti">电话:<input type = "text" name = "phone" value = ""></span>
						<br><br>
						<span id = "ziti">邮箱:<input type = "text" name = "email" value = ""></span>
						<br><br>
						<span id = "ziti">密码:<input type = "text" name = "password" value = ""></span>
						<br><br>
						<button id = "button" name = "register">注册</button>
						
					</div>
			</div>
		</div>
	</form>
	</body>
	
		
</html>
